/**
 * Created by 徐嘉宾 on 2016/8/9.
 */
var page="<ul class='pagetotal'>"
		+	
		+"</ul>";
var pagemodel="<li class='page-model'></li>" 
var pagewrap="<div class='pagewrap'></div>"

$(function(){


	$tr=$("tbody>tr");
	var pages=0;		//记录总页数
	for(var i=0;i<$tr.length/8;i++,pages++){
		for(var j=0;j<8;j++){
			if (j<($tr.length-i*8)) {
				$tr.eq(i*8+j).attr("class","page"+(i+1)); //每八个设置相应的class
			}
		}
	}

	//为每一页包裹一个div  class为page
	$("tbody").children('tr[class!=page1]').hide();
	$(page).appendTo(".main .cont");
	var $page=$(".pagetotal");
	var $pagemodel=$(pagemodel);
	// $page.empty();
	for(var i=1;i<=pages;i++){		//对每一页ul li的进行设置
		$pagemodel.clone(true).appendTo("[class=pagetotal]")
			.attr("class",'page-'+i).text(i+'');
	}
	$page.wrapAll(pagewrap);
	var width1=$(".pagewrap").width();
	var width2=$(".pagetotal").width();
	$(".pagetotal").css("left",(width1-width2)/2+'px');
	$("li[class^=page]").click(function(){
		$(this).addClass("addColor").siblings().removeClass("addColor");
		var index=$("li[class^=page]").index(this);
		var showpage="page"+(index+1);
		$("tbody tr").each(function(){
			var thisclass=$(this).attr("class");
			if (thisclass!=showpage) {
				$(this).hide();
			}else{
				$(this).show();
			}
		})
	});
	$("li[class^=page]").eq(0).addClass("addColor");





	
	


})